html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
}

blockquote, q {
    quotes: none;
}
    
blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}

.scroll {
    position:relative;
    font-size:1.3em;
    margin-top:6em;
    display:inline-block;

}
.scroll:hover {
    text-decoration:none;
}

.scroll:after {
    content:'';
    width:40px;
    height:40px;
    position:absolute;
    top:40px;
    margin:auto;
    top:50px;
    right:0;
    bottom:0;
    left:0;
    -webkit-animation:3s arrow infinite ease;
    animation:3s arrow infinite ease;
}

.scroll:after {
    border-right:2px solid #FFF;
    border-bottom:2px solid #FFF;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

@-webkit-keyframes arrow {
    0%,100% {
        top:50px;
    }
    50% {
        top:80px;
    }
}
@keyframes arrow {
    0%,100% {
        top:50px;
    }
    50% {
        top:80px;
    }
}

.stage {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

a,img,a:hover,a:active,a:link {
    border: 0px;
    outline: none;
    color: white;
    text-decoration: none;
}

ul,li,img{
    margin:0px;
    padding:0px;
}

.first{
    background: #3d7bd8;
    background: -webkit-linear-gradient(left top, #2b55b5 , #458ce8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#2b55b5 , #458ce8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #2b55b5 , #458ce8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #2b55b5 , #458ce8); /* 标准的语法（必须放在最后） */
}

.second{
    background: #3bb4a9;
    background: -webkit-linear-gradient(left top, #26a59a, #4cc0b5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#26a59a, #4cc0b5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #26a59a, #4cc0b5); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #26a59a, #4cc0b5); /* 标准的语法（必须放在最后） */
}

.third{
    background: #feb339;
    background: -webkit-linear-gradient(left top, #fea31e, #fec85c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#fea31e, #fec85c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #fea31e, #fec85c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #fea31e, #fec85c); /* 标准的语法（必须放在最后） */
}

.fourth{
    background: #49c999;
    background: -webkit-linear-gradient(left top, #27b38a, #7ceab0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#27b38a, #7ceab0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #27b38a, #7ceab0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #27b38a, #7ceab0); /* 标准的语法（必须放在最后） */
}

.section{
    margin:0 auto;
    width:1000px;
    height:100%;
}

.top{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    height:75px;
}

.nav{
    width:1000px;
    margin:0 auto;
    height:75px;
    border-bottom:1px solid white;
}

.nav .logo{
    display:inline-block;
    margin-top:17px;
}

.nav ul{
    float:right;
    display:inline-block;
    color:white;
    height:100%;
    margin-top:25px;
}

.current-nav,a.current-nav:hover{
    display:block;
    padding:0 10px;
    border-radius:5px;
    border:1px solid #fff;
}

.nav li{
    display:block;
    height:30px;
    line-height:30px;
    padding:0 10px;
    float:left;
    list-style:none;
    margin-right:30px;
}

.main{
    margin-top:150px;
    width:100%;
    float:left;
    background:url("../img/doc.png") top right no-repeat;
    height:500px;
}

.main .desc{
    margin:195px 0 0 60px;
    color:white;
}

.main .desc div{
    width:100%;
    float:left;
}

.main .desc .tlt{
    font-size:28pt;
    font-weight:600;
}

.main .desc .txt1{
    font-size:14px;
    width:325px;
    margin-top:20px;
    line-height:20px;
    font-weight:500;
}

.main .desc .download{
    margin-top:36px;
}

.main .desc .version{
    color:#ccc;
    font-size:14px;
}

.dashboard{
    background:url("../img/dashboard.png") top right no-repeat;
}

.file{
    background:url("../img/file.png") top right no-repeat;
}

.win{
    background:none;
}

.main .desc div.swiper-circle{
    float:right;
    width:20px;
}

.main .desc .circle {
    display:block;
    margin-bottom:10px;
    float:left;
    width: 14px;
    height: 14px;
    background: white;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.main .desc .circle.blue{
    background:#78a5e6;
}

.main .desc .circle.green{
    background:#7bcec6;
}

.main .desc .circle.yellow{
    background:#fed281;
}

.main .desc .circle.green2{
    background:#94e6c0;
}

.form{
    margin:60px 0 0 60px;
    display:table;
    border-collapse: collapse;
}

.form .row{
    display: table-cell;
    width:900px;
    float:left;
    margin-bottom:18px;
}

.form .tlt{
    width:88px;
    float:left;
    color:white;
    height:30px;
    line-height:37px;
}

.form .ele{
    float:left;
}

.form .input-text{
    height:34px;
    border:1px solid white;
    background-color:#6d8dd0;
    color:white;
    width:300px;
    font-size:14px;
}

.form .textarea{
    border:1px solid white;
    background-color:#6d8dd0;
    color:white;
    font-size:14px;
}

.form a.btn{
    border:0;
    width:90px;
    height:35px;
    text-indent:-9999px;
    display:inline-block;
    background:url("../img/btn.png") -5px 0 no-repeat;
}

.form a.btn:hover{
    background-position:-5px -43px;
}

.form a#submit{
    background-position:-5px -90px;
    margin-left:300px;
}

.form a#submit:hover{
    background-position:-5px -133px;
}

.form .tip{
    color:red;
    float:left;
    text-indent:1em;
    line-height:37px;
}

#animate-div{
    width:443px;
    height:44px;
    position:relative;
    z-index:99;
    margin-top:12px;
    margin-left:100px;
    background:url('../img/win1.png') top left no-repeat;
}

#animate-bg{
    display:none;
    position:absolute;
    z-index:9;
    border:1px solid white;
    width:0px;
    background-color:#8be1bd;
    height:38px;
    margin-left:60px;
    margin-top:1px;
}

#search-img{
    position:absolute;
    margin-top:8px;
    z-index:99;
    margin-left:70px;
}
